"use client";
export type ReaderTheme = {
bg: string; text: string; heading: string; muted: string; accent: string;
border: string; chrome: string; chromeBorder: string;
};
export type TocItem = {
label: string; // e.g. "Ch 1", "Preface", "Conclusion"
title: string;
};
type Props = {
items: TocItem[];
currentIndex: number;
open: boolean;
onClose: () => void;
onSelect: (index: number) => void;
t: ReaderTheme;
fontFamily: string;
};
export function ChapterDrawer({
items, currentIndex, open, onClose, onSelect, t, fontFamily,
}: Props) {
return (
<>
{/* Backdrop */}
{open && (
)}
{/* Drawer panel — slides in from the right */}
);
}